!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@wix/image-kit"),require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[Section]",["imageClientApi","react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[Section]"]=t(require("@wix/image-kit"),require("react")):e["rb_wixui.thunderbolt[Section]"]=t(e.__imageClientApi__,e.React)}("undefined"!=typeof self?self:this,(function(e,t){return function(){var a={42662:function(t){"use strict";t.exports=e},5329:function(e){"use strict";e.exports=t},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const a=[];return e&&a.push(`${s}${e}`),t.forEach((e=>{e&&(a.push(`${s}${e}`),a.push(e))})),a.join(" ")};const c=13,u=27;function m(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}m(32),m(c),m(u);const g="section-container";var f="HlRz5e",p=n(42662);const{STATIC_MEDIA_URL:v}=p,h=({fittingType:e,src:t,target:a,options:r})=>{const n=p.getPlaceholder(e,t,a,{...r,autoEncode:!0});return n?.uri&&!/^[a-z]+:/.test(n.uri)&&(n.uri=`${v}${n.uri}`),n},y=/^[a-z]+:/;var b=e=>{const{id:t,containerId:r,uri:n,alt:i,name:o="",role:l,width:s,height:d,displayMode:c,devicePixelRatio:u,quality:m,alignType:g,bgEffectName:p="",focalPoint:b,upscaleMethod:E,className:x="",crop:S,imageStyles:I={},targetWidth:M,targetHeight:w,targetScale:N,onLoad:_=(()=>{}),onError:P=(()=>{}),shouldUseLQIP:L,containerWidth:T,containerHeight:k,getPlaceholder:O,isInFirstFold:A,placeholderTransition:R,socialAttrs:C,isSEOBot:W,skipMeasure:z,lazyLoadImgExperimentOpen:j,hasAnimation:B,allowWEBPTransform:F,allowAnimatedTransform:D}=e,H=a.useRef(null);let q="";const $="blur"===R,U=a.useRef(null);if(!U.current)if(O||L||A||W){const e={upscaleMethod:E,...m||{},shouldLoadHQImage:A,isSEOBot:W,hasAnimation:B,allowWEBPTransform:F,allowAnimatedTransform:D};U.current=(O||h)({fittingType:c,src:{id:n,width:s,height:d,crop:S,name:o,focalPoint:b},target:{width:T,height:k,alignment:g,htmlTag:"img"},options:e}),q=!U.current.transformed||A||W?"":"true"}else U.current={uri:void 0,css:{img:{}},attr:{img:{},container:{}},transformed:!1};const V=!W&&(O||L)&&!A&&U.current.transformed,Y=a.useMemo((()=>JSON.stringify({containerId:r,...r&&{containerId:r},...g&&{alignType:g},...z&&{skipMeasure:!0},displayMode:c,...T&&{targetWidth:T},...k&&{targetHeight:k},...M&&{targetWidth:M},...w&&{targetHeight:w},...N&&{targetScale:N},isLQIP:V,isSEOBot:W,lqipTransition:R,imageData:{width:s,height:d,uri:n,name:o,displayMode:c,hasAnimation:B,...m&&{quality:m},...u&&{devicePixelRatio:u},...b&&{focalPoint:b},...S&&{crop:S},...E&&{upscaleMethod:E}}})),[r,g,z,c,k,T,M,w,N,V,W,R,s,d,n,o,m,u,b,S,E,B]),K=U.current,G=K?.uri,J=K?.srcset,Q=K.css?.img,Z=`${f} ${x}`;a.useEffect((()=>{const e=H.current;_&&e?.currentSrc&&e?.complete&&_({target:e})}),[]);const X=K&&!K?.transformed?`max(${s}px, 100%)`:M?`${M}px`:null;return a.createElement("wow-image",{id:t,class:Z,"data-image-info":Y,"data-bg-effect-name":p,"data-has-ssr-src":q,"data-animate-blur":!W&&V&&$?"":void 0,style:X?{"--wix-img-max-width":X}:{}},a.createElement("img",{src:G,ref:H,alt:i||"",role:l,style:{...Q,...I},onLoad:_,onError:P,...T&&{width:T},...k&&{height:k},...C,...A?{srcSet:J?.dpr?.map((e=>y.test(e)?e:`${v}${e}`)).join(", "),fetchpriority:"high"}:j?{loading:"lazy"}:{}}))};var E=e=>{var t,r,n;const{className:i,customIdPrefix:o,getPlaceholder:l,hasAnimation:s,allowWEBPTransform:d,...c}=e,u=a.useMemo((()=>JSON.stringify({containerId:c.containerId,alignType:c.alignType,fittingType:c.displayMode,hasAnimation:s,imageData:{width:c.width,height:c.height,uri:c.uri,name:c.name,...c.quality&&{quality:c.quality},displayMode:c.displayMode}})),[c,s]),m=a.useRef(null);m.current||(m.current=l?l({fittingType:c.displayMode,src:{id:c.uri,width:c.width,height:c.height,name:c.name},target:{width:c.containerWidth,height:c.containerHeight,alignment:c.alignType,htmlTag:"bg"},options:{hasAnimation:s,allowWEBPTransform:d}}):{uri:void 0,css:{img:{}},attr:{img:{},container:{}}});const g=m.current,f=null!=(t=null==g?void 0:g.uri)?t:"",p=null!=(r=null==(n=g.css)?void 0:n.container)?r:{},v=Object.assign(f?{backgroundImage:"url("+f+")"}:{},p);return a.createElement("wix-bg-image",{id:""+(o||"bgImg_")+c.containerId,class:i,style:v,"data-tiled-image-info":u,"data-has-bg-scroll-effect":c.hasBgScrollEffect||"","data-bg-effect-name":c.bgEffectName||""})};const x=new RegExp("<%= compId %>","g"),S=(e,t)=>e.replace(x,t);var I=e=>null==e?void 0:e.replace(":hover",""),M="bX9O_S",w="Z_wCwr",N="Jxk_UL",_="K8MSra",P="YTb3b4";const L={quality:{unsharpMask:{radius:.33,amount:1,threshold:0}},devicePixelRatio:1};var T=e=>{const{id:r,videoRef:n,videoInfo:i,posterImageInfo:o,muted:s,preload:d,loop:c,alt:u,isVideoEnabled:m,getPlaceholder:g,extraClassName:f=""}=e;i.containerId=I(i.containerId);const p=a.useMemo((()=>JSON.stringify(i)),[i]),v=a.createElement(a.Fragment,null,o.filterEffectSvgString&&a.createElement("svg",{id:"svg_"+i.containerId,className:P},a.createElement("defs",{dangerouslySetInnerHTML:{__html:S(o.filterEffectSvgString,i.containerId)}})),a.createElement(b,t()({key:i.videoId+"_img",id:o.containerId+"_img",className:l(w,N,"bgVideoposter",f),imageStyles:{width:"100%",height:"100%"}},o,L,{getPlaceholder:g})));return m?a.createElement("wix-video",{id:r,"data-video-info":p,class:l(M,"bgVideo",f)},a.createElement("video",{key:i.videoId+"_video",ref:n,id:i.containerId+"_video",className:_,crossOrigin:"anonymous","aria-label":u,playsInline:!0,preload:d,muted:s,loop:c,tabIndex:-1}),v):v},k="SUz0WK";var O=e=>{const{id:t,containerId:r,pageId:n,children:i,bgEffectName:o="",containerSize:l}=e;return a.createElement("wix-bg-media",{id:t,class:k,"data-container-id":r,"data-container-size":((null==l?void 0:l.width)||0)+", "+((null==l?void 0:l.height)||0),"data-page-id":n,"data-bg-effect-name":o,"data-motion-part":"BG_MEDIA"},i)};const A="bgOverlay";var R="m4khSP",C="FNxOn5";var W=e=>{const{imageOverlay:r}=e;return a.createElement("div",{"data-testid":A,className:R},r&&a.createElement(E,t()({customIdPrefix:"bgImgOverlay_",className:C},r)))};const z="bgLayers",j="colorUnderlay",B="mediaPadding",F="canvas";var D="MW5IWV",H="N3eg0s",q="Kv1aVt",$="dLPlxY",U="VgO9Yg",V="LWbAav",Y="yK6aSC",K="K_YxMd",G="NGjcJN",J="mNGsUM";const Q="bgImage";var Z=e=>{const{videoRef:r,canvasRef:n,hasBgFullscreenScrollEffect:i,image:o,backgroundImage:s,backgroundMedia:d,video:c,backgroundOverlay:u,shouldPadMedia:m,extraClass:g="",shouldRenderUnderlay:f=!c,reducedMotion:p=!1,getPlaceholder:v}=e,{onImageLoad:h}=(e=>{let{onReady:t,image:r}=e;return(0,a.useEffect)((()=>{t&&!r&&t()}),[t,r]),{onImageLoad:e=>{null!=r&&r.onLoad&&r.onLoad(e),t&&t()}}})(e),y=I(e.containerId),x="img_"+I(y),S=o&&a.createElement(b,t()({id:x,className:l(q,$,J,Q),imageStyles:{width:"100%",height:"100%"},getPlaceholder:v},o,{onLoad:h})),M=s&&a.createElement(E,t()({},s,{containerId:y,className:l(q,$,J,Q),getPlaceholder:v})),w=c&&a.createElement(T,t()({id:"videoContainer_"+y},c,{extraClassName:Y,reducedMotion:p,videoRef:r,getPlaceholder:v})),N=a.createElement(a.Fragment,null,S,M,w,n&&a.createElement("canvas",{id:y+"webglcanvas",ref:n,className:l(K,"webglcanvas"),"aria-label":(null==c?void 0:c.alt)||"",role:"presentation","data-testid":F})),_=d?a.createElement(O,t()({id:"bgMedia_"+y},d),N):a.createElement("div",{id:"bgMedia_"+y,"data-motion-part":"BG_MEDIA",className:U},N),P=u&&a.createElement(W,u);return a.createElement("div",{id:z+"_"+y,"data-hook":z,"data-motion-part":"BG_LAYER",className:l(D,g,{[H]:i})},f&&a.createElement("div",{"data-testid":j,className:l(V,q)}),m?a.createElement("div",{"data-testid":B,className:G},_,P):a.createElement(a.Fragment,null,_,P))};var X=e=>a.createElement(Z,e),ee="dkukWC",te="FRCqDF",ae="xnZvZH",re="MBOSCN";const ne=(e,t,r)=>{const n=((e,t)=>e?[...Array(1+(t||0)).keys()].reverse().map((e=>a.createElement("div",{key:"divider-layer-"+e,style:{"--divider-layer-i":e},className:te,"data-testid":"divider-layer-"+e,"data-divider-layer":e}))):null)(!!t,r);return t?a.createElement("div",{className:l(ee,{[ae]:"top"===e,[re]:"bottom"===e}),"data-testid":e+"-divider"},n):null};var ie=e=>{var t,r;const n=a.useMemo((()=>{var t;return ne("top",null==e?void 0:e.hasTopDivider,null==e||null==(t=e.topLayers)?void 0:t.size)}),[null==e?void 0:e.hasTopDivider,null==e||null==(t=e.topLayers)?void 0:t.size]),i=a.useMemo((()=>{var t;return ne("bottom",null==e?void 0:e.hasBottomDivider,null==e||null==(t=e.bottomLayers)?void 0:t.size)}),[null==e?void 0:e.hasBottomDivider,null==e||null==(r=e.bottomLayers)?void 0:r.size]);return a.createElement(a.Fragment,null,n,i)};var oe={root:"section"},le={"bg-underlay":"LWbAav",bgUnderlay:"LWbAav","layers-container":"MW5IWV",layersContainer:"MW5IWV",animate:"V7OeEw",move:"BHIo43",fade:"UvF1nu",scrollUp:"YzrQFb",RectangleArea:"xuzjBY",rectangleArea:"xuzjBY",DefaultAreaSkin:"O7Ybkb",defaultAreaSkin:"O7Ybkb","full-screen-scroll-effect":"GeNLDt",fullScreenScrollEffect:"GeNLDt","fill-layer":"K8pHFh",fillLayer:"K8pHFh","image-fill-layer":"TaweqS",imageFillLayer:"TaweqS","bg-media":"yzHyNT",bgMedia:"yzHyNT",videoFillLayer:"zBFCpO","alpha-canvas":"xjgrS3",alphaCanvas:"xjgrS3","media-padding-layer":"b3zSS0",mediaPaddingLayer:"b3zSS0",transforms:"Wsv3ak",RectangleAreaAfterScroll:"KJgt14",rectangleAreaAfterScroll:"KJgt14",scrolled:"VTwcX7"};const se=(e,n)=>{const{id:i,skin:o="RectangleArea",className:s,containerRootClassName:c="",customClassNames:u=[],containerProps:m,children:f,tagName:p,background:v,getPlaceholder:h,dividers:y,semanticClassNames:b,onStop:E,onClick:x,onDblClick:S,onMouseEnter:I,onMouseLeave:M}=e,w=p||"section",{shouldOmitWrapperLayers:N}=m,_=l(le[o],c,s,b?d(b.root,...u):d(oe.root,...u),{[le.shouldOmitWrapperLayers]:N}),P=function(e,t,a){const n=r().useRef(null),i=r().useRef(null);return t?i.current||(i.current={play:()=>n.current?.play(),load:()=>n.current?.load(),pause:()=>n.current?.pause(),stop:()=>{n.current&&(n.current.pause(),n.current.currentTime=0,a&&a(n.current))}}):i.current=null,r().useImperativeHandle(e,(()=>i.current||{load(){},stop(){}})),n}(n,!(null==v||!v.video),E);return a.createElement(w,t()({id:i},(e=>Object.entries(e).reduce(((e,[t,a])=>(t.includes("data-")&&(e[t]=a),e)),{}))(e),((e={})=>{const t=e.tabIndex??e.tabindex??void 0;return void 0!==t?{tabIndex:Number(t)}:{}})(e.a11y||{tabIndex:-1}),{"data-block-level-container":"Section",className:_,"data-testid":g,onClick:x,onDoubleClick:S,onMouseEnter:I,onMouseLeave:M}),v&&a.createElement(X,t()({},v,{videoRef:P,getPlaceholder:h})),y&&a.createElement(ie,y),f())};const de={Section:{component:a.forwardRef(se)}}}(),i}()})); //# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[Section].62e36a3e.bundle.min.js.map